import React from 'react';
import ReactDOM from 'react-dom';
var IndexLink = require ('react-router').IndexLink;
var Header = require('../modules/Header');
var NavLink = require('../modules/NavLink');
import { Menu, Icon, Switch, Button,Dropdown,Popover,Popconfirm, Row, Col,Pagination  } from 'antd';
const { SubMenu } = Menu;
const MenuItemGroup = Menu.ItemGroup;


import './Leaderboard.css';

class Leaderboard extends React.Component {
 
 state = {
    mode: 'inline',
    theme: 'light',
  }
  





  
  render() {
    

    var style={
      fontSize:"15px"
    }
    return (
    <div>
        <Header/>
            <div className="box1">
                {/*左边*/}
                <Menu
                className="menu"
                defaultSelectedKeys={['1']}
                defaultOpenKeys={['sub1']}
                mode={this.state.mode}
                theme={this.state.theme}
                >
                
                <div className="dt">QQ音乐巅峰榜</div>
                    <Menu.Item className="ac" key="1" style={style}><IndexLink to="/Leaderboard">巅峰榜·福特新蒙迪欧·流行指数</IndexLink></Menu.Item>
                    <Menu.Item className="ac" key="2" style={style}><NavLink to="/Leaderboard/Zhot">巅峰榜·热歌</NavLink></Menu.Item>
                    <Menu.Item className="ac" key="3" style={style}><NavLink to="/Leaderboard/New">巅峰榜·新歌</NavLink></Menu.Item>
                    <Menu.Item className="ac" key="4" style={style}><NavLink to="/Leaderboard/Inter">巅峰榜·网络歌曲</NavLink></Menu.Item>
                    <Menu.Item className="ac" key="5" style={style}><NavLink to="/Leaderboard/Asia">巅峰榜·内地</NavLink></Menu.Item>
                    <Menu.Item className="ac" key="6" style={style}>巅峰榜·港台</Menu.Item>
                    <Menu.Item className="ac" key="7" style={style}><NavLink to="/Leaderboard/Omg">巅峰榜·欧美</NavLink></Menu.Item>
                    <Menu.Item className="ac" key="8" style={style}>巅峰榜·韩国</Menu.Item>
                    <Menu.Item className="ac" key="9" style={style}>巅峰榜·日本</Menu.Item>
                    <Menu.Item className="ac" key="10" style={style}>巅峰榜·音乐人</Menu.Item>
                    <Menu.Item className="ac" key="11" style={style}>巅峰榜·K歌金曲</Menu.Item>
                    <Menu.Item className="ac" key="12" style={style}>巅峰榜·MV</Menu.Item>
                <div className="dt">全球榜</div>
                    <Menu.Item className="ac" key="13" style={style}>vivo 手机 高品质音乐榜</Menu.Item>
                    <Menu.Item className="ac" key="14" style={style}>美国公告牌榜</Menu.Item>
                    <Menu.Item className="ac" key="15" style={style}>美国iTunes榜</Menu.Item>
                    <Menu.Item className="ac" key="16" style={style}>韩国Mnet榜</Menu.Item>
                    <Menu.Item className="ac" key="17" style={style}>英国UK榜</Menu.Item>
                    <Menu.Item className="ac" key="18" style={style}>日本公信榜</Menu.Item>
                    <Menu.Item className="ac" key="19" style={style}>香港电台榜</Menu.Item>
                    <Menu.Item className="ac" key="20" style={style}>香港商台榜</Menu.Item>
                    <Menu.Item className="ac" key="21" style={style}>台湾幽浮榜</Menu.Item>
                </Menu>
                {/*右边*/}
                {this.props.children}
                  


                    

                     
                     

                   
                   
                   
                    
                    

                   

                
            </div>
    </div>
    );
  }
}
module.exports = Leaderboard;